<template>
  <view class="screen-width container">
    <view class="pay-list-content">
      <view class="info">
        <view class="info-item name">
          商品名称：
          <text style="color:red">{{ detailInfo.productName }}</text>
        </view>
        <view class="info-item name">
          合计：
          <text style="color:red">{{ detailInfo.productPrice }}</text>
        </view>
      </view>
    </view>
    <view class="pay-info">
      <view class="flex items-middle">
        <text>收货地址：</text>
        <input v-model="customerData.mailingAddress" type="text" />
      </view>
      <view class="flex items-middle">
        <text>收 件 人 ：</text>
        <input v-model="customerData.contactPerson" type="text" />
      </view>
      <view class="flex items-middle">
        <text>收件电话：</text>
        <input v-model="customerData.contactNumber" type="text" />
      </view>
    </view>
    <view class="pay-btn">
      <!-- <view class="agree flex items-middle flex-center">
        <checkbox-group @change="checkboxChange">
          <checkbox :checked="check" color="#1687ff" style="transform:scale(0.7)" />
        </checkbox-group>
        <view>
          我同意
          <text>平台协议</text>
        </view>
      </view>-->
      <view class="btn" @click="pay">支付</view>
    </view>
    <!-- <view class="tips">
      <text>专利年费缴费说明</text>
      1、专利年费由平台代收代缴，专利局开具相关的收据。<br>
      2、完善缴费相关的收据信息，包括:收据抬头、邮寄地址、联系人信息。<br>
      3、每次专利年费专利局只开具一次收据，如果用户在缴费的时候没有提供完善的信息，导致无法收到专利局开具的收据，平台不承担相关责任。<br>
      4、代缴服务费及快递费用由平台收取，不开具相关发票
    </view>-->
    <Festival></Festival>
  </view>
</template>
<script src="./index.js"></script>
<style lang="less" scoped src="./index.less"></style>